
@BG: #2a2a2a;
.header-box{
    position: absolute;
    top:0;
    height:100px;
    width:100%;
   z-index:1;
    padding:0 .2rem;
    align-items: center;
    background:@BG;
    box-sizing: border-box;
    left:0;
    .header-title{
        display: flex;
        justify-content: space-between;
        height:100px;
        align-items: center;
    }
    img{
        width:200px;
    }
    .anticon.anticon-bars{
        color:#fff;
        font-size:50px;;
    }
    .nav-list{
        position: absolute;
        left:0;
        top:100px;
        background:@BG;
        width:100%;
        li{
            height:100px;
            line-height: 100px;
            color:#fff;
            border-top:1px solid #fff;
            text-align: center;
            padding:0 20px;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
            font-size: 20px;
            &.active{
                color:#f00;
            }
            

        }
    }

}